import * as React from 'react'
// 引入自定义封装好的三个组件,直接显示的
import AddTodo from '../components/AddTodo' // 输入内容添加到list
import TodoList from '../components/TodoList' // 显示每个数据
import Footer from '../components/Footer' // 切换显示全部按钮，未打勾和打勾显示
// containers是封装好的组件目录
// components内,除了app根组件外,其它的都是零散组件,待拼装
// 以下是用es6函数方式写组件
// const App = () => (
//   <div>
//     <AddTodo />
//     <TodoList />
//     <Footer />
//   </div>
// )
class ReduxDemo extends React.Component {
  render() {
    return (
      <div>
        {/* 123 */}
        <AddTodo />
        <TodoList />
        <Footer />
      </div>
    )
  }
}
export default ReduxDemo
